﻿@using SampleSite.Areas.Limestone.Services
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>@ViewBag.Title</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Limestone tools">
    <meta name="author" content="Limestone">
    <link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.min.css" rel="stylesheet">
    <style type="text/css">
        body {
            padding-top: 60px;
            padding-bottom: 40px;
        }
        .sidebar-nav {
            padding: 9px 0;
        }

        @@media (max-width: 980px) {
            /* Enable use of floated navbar text */
            .navbar-text.pull-right {
                float: none;
                padding-left: 5px;
                padding-right: 5px;
            }
        }
    </style>
    <link href="@Url.Content("~/Content/Limestone.css")" rel="stylesheet" type="text/css" />
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="@Url.Content("~/Scripts/limestone.js")"></script>
</head>
<body>
    <div class="navbar navbar-inverse navbar-fixed-top">
        <div class="navbar-inner">
            <div class="container-fluid">
                <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                    <span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar">
                    </span>
                </button>
                <a class="brand" href="#">Limestone</a>
                <div class="nav-collapse collapse">
                    <p class="navbar-text pull-right">
                        @Html.Partial("_LogOnPartial")
                    </p>
                    <ul class="nav">
                        <li>@Html.MenuLink("Home", "Index", "Home", null, null, "current")</li>
                        <li>@Html.MenuLink("About", "About", "Home", null, null, "current")</li>
                        <li>@Html.MenuLink("Contact", "Contact", "Home", null, null, "current")</li>
                    </ul>
                </div>
                <!--/.nav-collapse -->
            </div>
        </div>
    </div>
    <div class="container-fluid">
        <div class="row-fluid">
            <div class="span3">
                <div class="well sidebar-nav">
                    <ul class="nav nav-list">
                        <li class="nav-header">Tools</li>
                        <li>@Html.MenuLink("Template Designer", "Index", "TemplateDesigner", null, null, "current")</li>
                        <li>@Html.MenuLink("Sitemap", "Index", "Sitemap", null, null, "current")</li>
                        <li>@Html.MenuLink("Trashcan", "Index", "Trashcan", null, null, "current")</li>
                        <li class="nav-header">Sidebar</li>
                        <li><a href="#">Link</a></li>
                        <li><a href="#">Link</a></li>
                        <li><a href="#">Link</a></li>
                        <li><a href="#">Link</a></li>
                        <li><a href="#">Link</a></li>
                        <li><a href="#">Link</a></li>
                        <li class="nav-header">Sidebar</li>
                        <li><a href="#">Link</a></li>
                        <li><a href="#">Link</a></li>
                        <li><a href="#">Link</a></li>
                    </ul>
                </div>
                <!--/.well -->
            </div>
            <!--/span-->
            <div class="span9">
                @RenderBody()
            </div>
            <!--/span-->
        </div>
        <!--/row-->
        <hr>
        <footer>
        <p>&copy; Limestone @DateTime.Now.Year</p>
      </footer>
    </div>
</body>
    <script>
        $(document).ready(function () {
            $('.current').parent('li').addClass('active');
        });
    </script>
</html>
